<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>开始考试</title>
    <link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet">
    <link href="{% static 'css/sidebars.css' %}" rel="stylesheet">
    <link rel="stylesheet" href="{% static 'css/calendarTime.min.css' %}">
	<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
	<script src="{% static 'js/calendarTime.min.js' %}"></script>
    {{ form.media }}
    <style>
        html,body{
            background-color: rgba(0, 0, 0, .1);
            height: 100%;
        }
        main{
            width: 100%;
            height: 100%;
        }
    </style>
</head>
<body>
<main>
<div class="flex-shrink-0 p-3 bg-white" style="width: 200px;height:100%;border-right: 2px solid rgba(0,0,0,0.15);float: left">
    <a href="/" class="d-flex align-items-center pb-3 mb-3 link-dark text-decoration-none border-bottom">
      <span class="fs-5 fw-semibold">试题目录</span>
    </a>
    <ul class="list-unstyled ps-0">
      <li class="mb-1">
        <button class="btn btn-toggle align-items-center rounded collapsed" data-bs-toggle="collapse" data-bs-target="#home-collapse" aria-expanded="true">
          单选题
        </button>
        <div class="collapse show" id="home-collapse">
          <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">

              {% for question in questions_single %}
                {% if question.id in havenid %}
                    <li ><a href="{% url 'student:startexam' qid=subject_id oid=question.id %}" class="link-dark rounded" style="background-color: greenyellow">单选题{{ forloop.counter }}</a></li>
                {% else %}
                    <li><a href="{% url 'student:startexam' qid=subject_id oid=question.id %}" class="link-dark rounded">单选题{{ forloop.counter }}</a></li>
                {% endif %}


              {% endfor %}

          </ul>
        </div>
      </li>
      <li class="mb-1">
        <button class="btn btn-toggle align-items-center rounded collapsed" data-bs-toggle="collapse" data-bs-target="#dashboard-collapse" aria-expanded="false">
          多选题
        </button>
        <div class="collapse" id="dashboard-collapse">
          <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">

            {% for question in questions_multiple %}
            {% if question.id in havenid %}
            <li><a href="{% url 'student:startexam' qid=subject_id oid=question.id %}" class="link-dark rounded " style="background-color: greenyellow">多选题{{ forloop.counter }}</a></li>
                {% else %}
                <li><a href="{% url 'student:startexam' qid=subject_id oid=question.id %}" class="link-dark rounded">多选题{{ forloop.counter }}</a></li>
            {% endif %}

              {% endfor %}
          </ul>
        </div>
      </li>
      <li class="mb-1">
        <button class="btn btn-toggle align-items-center rounded collapsed" data-bs-toggle="collapse" data-bs-target="#orders-collapse" aria-expanded="false">
          主观题
        </button>
        <div class="collapse" id="orders-collapse">
          <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">

            {% for question in questions_subjective %}
                {% if question.id in havenid %}
                    <li><a href="{% url 'student:startexam' qid=subject_id oid=question.id %}" class="link-dark rounded" style="background-color: greenyellow">主观题{{ forloop.counter }}</a></li>
                {% else %}
                    <li><a href="{% url 'student:startexam' qid=subject_id oid=question.id %}" class="link-dark rounded">主观题{{ forloop.counter }}</a></li>

                {% endif %}

              {% endfor %}
          </ul>
        </div>
      </li>
      <li class="border-top my-3"></li>
      <li class="mb-1">
        <button class="btn btn-toggle align-items-center rounded collapsed" data-bs-toggle="collapse" data-bs-target="#account-collapse" aria-expanded="false">
            {{ front_user.name }}
        </button>
        <div class="collapse" id="account-collapse">
          <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">
            <li><a href="{% url 'student:inputpaper' eid=subject_id %}" class="link-dark rounded">提交试卷</a></li>
            <li><a href="{% url 'student:dashbord' %}" class="link-dark rounded">返回首页</a></li>
          </ul>
        </div>
      </li>
    </ul>

  </div>
<div style="width:1000px;height: 100px;margin-left: 50px;margin-top: 50px;float: right">
{% block que %}

{% endblock %}
</div>
</main>
<script src="{% static 'js/bootstrap.bundle.min.js' %}"></script>
<script src="{% static 'js/sidebars.js' %}"></script>
</body>
</html>